<ion-view view-title="我的排名">
    <ion-content overflow-scroll="false">
        <div class="exam-ranking">
            <div class="exam-ranking-button js-exam-ranking-button">
                <ul class="three-ul-box">
                    <li ng-class="{true: 'active', false: 'inactive'}[readTime]" ng-click="changeList(1)"><img src="images/icon/dj-53.png"/><span class="name">阅读时间</span></li>
                    <li ng-class="{true: 'active', false: 'inactive'}[integralSearch]" ng-click="changeList(2)"><img src="images/icon/dj-54.png"/><span class="name">积分排名</span></li>
                    <li ng-class="{true: 'active', false: 'inactive'}[gradeSearch]" ng-click="changeList(3)"><img src="images/icon/dj-55.png"/><span class="name">成绩排行</span></li>
                </ul>
            </div>
            <div ng-show="readTimeDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myReadRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{rank.class}}" ng-repeat="rank in rankList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{rank.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">阅读时间：</span>
                                <span class="time">{{rank.totalReadTime}}分钟</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div ng-show="integralSearchDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myScoreRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{score.class}}" ng-repeat="score in scoreList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{score.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">总积分：</span>
                                <span class="time">{{score.totalScore}}分</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div ng-show="gradeSearchDiv">
                <div class="ranking-content-header">
                    <div class="ranking-header-place">
                        <span class="place">{{myGradeRank}}</span>
                    </div>
                </div>
                <div class="ranking-content-list">
                    <ul>
                        <li class="{{exam.class}}" ng-repeat="exam in examList">
                            <div class="ranking-left">
                                <span class="number">{{$index+1}}</span>
                                <span class="name">{{exam.userName}}</span>
                            </div>
                            <div class="ranking-right">
                                <span class="title">总成绩：</span>
                                <span class="time">{{exam.totalExamScore}}分</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>
